<template>
    <div>
        <ul>
            <li v-for="(item,index) in list" :key="index">
                <a :href="item.url">
                    <img :src="item.img">
                </a>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list: []
        }
    }, created() {
        //测试get请求
        // this.$http.get('http://webhm.top:8899/api/getlunbo')
        //     .then((res) => {
        //         //成功
        //         this.list = res.body.message; //返回一个数组
        //     }, (res) => {
        //         //失败
        //         console.log('失败了')
        //     });
        //     
        //  测试post请求
        this.$http.post('http://webhm.top:8899/api/postcomment/43', {
                content: '哈哈'
            }, {
                emulateJSON: true
            }) //emulateJSON将传输的数据设置以键值对的形式
            .then(res => {
                console.log(res.body)
            }, res => {
                console.log('出错了');
            });
    }
}
</script>
<style>
</style>
